
<!-- 列表 -->
<ion-content class="list-box" [forceOverscroll]="true">
  <ul #listBox>
    <li class="clearfix" *ngFor="let item of listData">
      <ng-container *ngIf="item.imageUrl.ifShow === true">
        <div class="avatar-box" style="float: left;" appDebounceClick (debounceClick)="clickLink(item.link)">
          <img class="img"
            src="{{item.imageUrl.url&&item.imageUrl.url!=='null'?item.imageUrl.url:defaultImg}}?x-oss-process=image/resize,m_mfit,w_240"
            alt="">
        </div>
      </ng-container>

      <div class="text-box" appDebounceClick (debounceClick)="clickLink(item.link)">
        <h2 class="name">{{item.name}}
          <span class="newTag" *ngIf="item.tag?.length > 0 ">
            {{item.tag}}
          </span>
        </h2>
        <ng-container *ngFor="let tradeArray of item.trade">
          <span class="tradeTag">
            {{tradeArray}}
          </span>
        </ng-container>
        <!-- <p class="trade">{{item.trade}}</p> -->
        <p class="trade" *ngIf="item.area">{{item.area}}</p>
        <p class="trade" *ngIf="item.service" [innerHTML]="item?.service | parseStyle" ></p>
      </div>
      <a appDebounceClick (debounceClick)="call(item.phone,item.name)"><img class="call-img" src="assets/icon/expert_icon_phone@3x.png"
          alt=""></a>
    </li>
  </ul>
  <ul>
    <div class="noDataButton" *ngIf="listData.length=== 0">没有数据</div>
  </ul>
  <!-- 向上滚动刷新 -->
  <ion-infinite-scroll (ionInfinite)="loadMoreData($event)">
    <ion-infinite-scroll-content loadingSpinner="bubbles" loadingText="Loading more data...">
    </ion-infinite-scroll-content>
  </ion-infinite-scroll>
</ion-content>